﻿<%@ Page Title="" Language="C#" MasterPageFile="~/mas/masMantEditar.master" AutoEventWireup="true"
    CodeFile="segUsuarioMenuListar.aspx.cs" Inherits="seg_segUsuarioMenuListar" %>

<%@ MasterType TypeName="masMantEditar" %>
<%@ Register Src="~/ucx/ucPaginador.ascx" TagName="ucPaginador" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphArea" runat="Server">

    <link rel="stylesheet" type="text/css" id="lnkDynaTree" href="../css/dynatreeskin/ui.dynatree.css" />
    <script language="JavaScript" type="text/javascript" src="../jsc/jquery.cookie.js"></script>
    <script language="JavaScript" type="text/javascript" src="../jsc/jquery.dynatree.js"></script>

    <script type='text/javascript'>

        function fnAceptar() {
            this.document.getElementById('<%= btnAceptar.ClientID %>').click();
            return false;
        }

        function fnActualizaNodos() {
            var hfCadena = document.getElementById('<%=  hfCadena.ClientID %>');
            hfCadena.value = "";
        }


        function CargarArbol() {
            $(function () {
                var IdAplicacion = document.getElementById('<%=  ddlAplicacion.ClientID %>').value;
                var CodigoUsuario = document.getElementById('<%=  hfCodigoUsuario.ClientID %>').value
                var cadena = '';
                document.getElementById('<%=  hfCadena.ClientID %>').value = "";
                $("#divArbolVista").dynatree("destroy");
                // --- Initialize  tree Arbol Origen
                $("#divArbolVista").dynatree({
                    title: "Lazy Tree",
                    rootVisible: true,
                    checkbox: true,
                    fx: { height: "toggle", duration: 10 },
                    initAjax: {
                        url: "../ws/WCServicio.svc/ListarMenuPorNivel",
                        data: { pintIdAplicacion: IdAplicacion, pintIdMenu: 0, pstrCodigoUsuario: CodigoUsuario }
                    },
                    onSelect: function (select, node) {
                        var hfCadena = document.getElementById('<%=  hfCadena.ClientID %>');
                        var strKey = node.data.key + '|';
                        var strTipo = node.data.TipoMenu;
                        if (hfCadena.value.indexOf(strKey) == -1) {
                            hfCadena.value += strKey + strTipo + '|' + (select ? '1' : '0') + '*';
                        }
                        else {
                            var strCadena = hfCadena.value;
                            var strKey0 = strKey + '0*';
                            var strKey1 = strKey + '1*';
                            if (strCadena.indexOf(strKey0) != -1)
                                hfCadena.value = strCadena.replace(strKey0, '');
                            else if (strCadena.indexOf(strKey1) != -1)
                                hfCadena.value = strCadena.replace(strKey1, '');
                        }                     
                    },


                    onKeydown: function (node, event) {
                        if (event.which == 32) {
                            node.toggleSelect(); return false;
                        }
                    },

                    onLazyRead: function (dtnode) {
                        dtnode.appendAjax({
                            url: "../ws/WCServicio.svc/ListarMenuPorNivel",
                            data: { pintIdAplicacion: IdAplicacion, pintIdMenu: dtnode.data.key, pstrCodigoUsuario: CodigoUsuario }
                        });
                    }
                });
            });
            }

    </script>


    <table style="width: 100%">
        <tr>
            <td style="vertical-align: top; width: 50%">
                <table style="width: 100%;">
                    <tr>
                        <td style="height: 10px; text-align: right;">
                            <asp:Label ID="lblCodigoUsuario" runat="server" Text="<%$ Resources:resDiccionario, Codigo %>"></asp:Label>:
                        </td>
                        <td>
                            <asp:TextBox ID="txtCodigoUsuario" runat="server" MaxLength="10" Width="100px"></asp:TextBox>
                        </td>
                        <td style="text-align: right;">
                            <asp:Label ID="lblTipoUsuario" runat="server" Text="<%$ Resources:resDiccionario, TipoUsuario %>"></asp:Label>:
                        </td>
                        <td>
                            <asp:DropDownList ID="ddlTipoUsuario" runat="server" Style="width: 100px">
                            </asp:DropDownList>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="height: 10px; text-align: right;">
                            <asp:Label ID="lblDescripcionUsuario" runat="server" Text="<%$ Resources:resDiccionario, Descripcion %>"></asp:Label>:
                        </td>
                        <td>
                            <asp:TextBox ID="txtDescripcionUsuario" runat="server" MaxLength="100" Width="230px"></asp:TextBox>
                        </td>
                        <td style="text-align: right;">
                            <asp:Label ID="lblEstado" runat="server" Text="<%$ Resources:resDiccionario, Estado %>"></asp:Label>:
                        </td>
                        <td>
                            <asp:DropDownList ID="ddlEstado" runat="server" Style="width: 100px">
                            </asp:DropDownList>
                        </td>
                        <td>
                            <asp:ImageButton ID="ibtBuscar" runat="server" ImageUrl="~/img/ico_buscar4.gif" ToolTip="<%$ Resources:resDiccionario, Buscar %>"
                                OnClick="ibtBuscar_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="5"></td>
                    </tr>
                </table>
            </td>
            <td style="width: 50%">
                <asp:Panel ID="pnlFormulario" runat="server" Style="width: 100%;">
                    <table style="width: 100%">
                        <tr>
                            <td style="text-align: right">&nbsp;</td>
                            <td style="height: 10px;">&nbsp;</td>
                            <td style="height: 10px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="height: 10px; text-align: right;">
                                <asp:Label ID="lblAplicacion" runat="server"
                                    Text="<%$ Resources:resDiccionario, Aplicacion %>"></asp:Label>
                                :
                            </td>
                            <td>
                                <asp:DropDownList ID="ddlAplicacion" runat="server">
                                </asp:DropDownList>
                            </td>
                            <td>
                                <asp:ImageButton ID="ibtnBuscarMenu" runat="server" ImageUrl="~/img/ico_buscar4.gif"
                                    ToolTip="<%$ Resources:resDiccionario, Buscar %>" />
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
            </td>
        </tr>
        <tr>
            <td>
                <div style="overflow: auto; height: 380px; width: 100%;" class="div-cuadro">
                    <asp:ListView runat="server" ID="lvUsuario" DataKeyNames="CodigoUsuario" OnItemDataBound="lvUsuario_ItemDataBound"
                        OnItemCommand="lvUsuario_ItemCommand">
                        <LayoutTemplate>
                            <table runat="server" id="lista" class="lista">

                                <tr>
                                    <th id="Th1" style="width: 5%"></th>
                                    <th id="Th2" style="width: 20%">
                                        <%= Resources.resDiccionario.Codigo %>
                                    </th>
                                    <th id="Th3" style="width: 20%">
                                        <%= Resources.resDiccionario.Tipo %>
                                    </th>
                                    <th id="Th4">
                                        <%= Resources.resDiccionario.Nombre %>
                                    </th>
                                </tr>


                                <tr runat="server" id="itemPlaceholder">
                                </tr>

                            </table>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <tr id="TrFila" runat="server">
                                <td id="Td1" runat="server" style="text-align: center">
                                    <asp:ImageButton ID="ibtSeleccionar" runat="server" CommandName="Seleccionar" CommandArgument='<%# Eval("CodigoUsuario") %>'
                                        ToolTip="Seleccionar" ImageUrl="~/img/ico_edit.png" BorderWidth="0" />
                                </td>
                                <td id="Td2" runat="server">
                                    <asp:Label ID="lblCodigo" runat="server" Text='<%# Eval("CodigoUsuario") %>' />
                                </td>
                                <td id="Td3" runat="server">
                                    <asp:Label ID="lblTipo" runat="server" Text='<%# Eval("TipoDescripcion") %>' />
                                </td>
                                <td id="Td4" runat="server">
                                    <asp:Label ID="lblDescripcion" runat="server" Text='<%# Eval("Nombre") %>' />
                                </td>
                            </tr>
                        </ItemTemplate>
                        <EmptyDataTemplate>
                            <table runat="server" id="lista" class="lista">

                                <tr>
                                    <th style="width: 5%"></th>
                                    <th style="width: 20%">
                                        <%= Resources.resDiccionario.Codigo %>
                                    </th>
                                    <th style="width: 20%">
                                        <%= Resources.resDiccionario.Tipo %>
                                    </th>
                                    <th>
                                        <%= Resources.resDiccionario.Nombre %>
                                    </th>
                                </tr>


                                <tr>
                                    <td colspan="4">
                                        <%= Resources.resDiccionario.NoHayRegistros %>
                                    </td>
                                </tr>

                            </table>
                        </EmptyDataTemplate>
                    </asp:ListView>
                </div>
                <div style="text-align: right">
                    <div>
                    </div>
                </div>
            </td>
            <td style="vertical-align: top">
                <div style="height: 380px; width: 100%;" class="div-cuadro">
                    <asp:Panel ID="pnlSeleccioneUsuario" runat="server" CssClass="forma" Style="width: 95%; text-align: center;">
                        <asp:Label ID="lbl_MensajeSeleccion" runat="server" Text="<%$ Resources:resMensaje, msgAlertaSeleccioneUsuarioPerfil %>"></asp:Label>
                    </asp:Panel>
                    <div id="divArbolVista" style="width: 100%; height: 370px; background-color: white; padding: 5px; border: 0px solid #F2F2F2; vertical-align: top; top: 0; left: 0; overflow: auto">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <uc1:ucPaginador ID="ucpagLista" runat="server" OnCambioPagina="ucpagLista_CambioPagina" />
            </td>
            <td></td>
        </tr>
    </table>
    <asp:UpdatePanel runat="server" UpdateMode="conditional" ID="upArbol">
        <ContentTemplate>
            <asp:Button ID="btnAceptar" runat="server" Text="" OnClick="btnAceptar_Click" Style="display: none" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ibtnBuscarMenu" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>

     <asp:UpdateProgress runat="server" ID="UpdateProgress6" AssociatedUpdatePanelID="upArbol">
        <ProgressTemplate>
            <div class="BarraProgreso">
                <asp:Label ID="lblCargando6" runat="server" Text="<%$ Resources:resDiccionario, Cargando  %>"></asp:Label>...
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>        

    <asp:HiddenField ID="hfCodigoUsuario" runat="server" />
    <asp:HiddenField ID="hfCodigoNodo" runat="server" />
    <asp:HiddenField ID="hfCadena" runat="server" />
</asp:Content>
